.resume-manage {
  width: 860px;
  margin-bottom: 50px;
  padding-bottom: 40px;
  .content {
    margin: 0 20px;
    .tab-list {
      height:40px;
      background:rgba(248,247,247,.5);
      margin: 10px 0;
      .active {
        color: @main-color;
      }
      li {
        float: left;
        line-height: 40px;
        font-size:14px;
        font-weight:400;
        color: #333;
        margin: 0 20px;
        cursor: pointer;
        &:hover {
          .active
        }
      }
    }
    .resume-list {
      margin: 0 30px;
      li {
        height: 142px;
        padding: 29px 22px;
        box-sizing: border-box;
        position: relative;
        &:last-of-type {
          height: 94px;
        }
        &:last-of-type:after {
          content: '';
          height: 0;
          border: none;
        }
        &:after  {
          content: '';
          display:inline-block;
          width: 708px;
          padding: 0 22px;
          height:1px;
          border-radius: 1px;
          border-bottom: 1px dashed #EDE8E8;
          position: absolute;
          bottom: 0;
          left: 22px;
        }
        .check-btn {
          margin: 20px 14px;
        }
        .avatar {
          width: 68px;
          height: 68px;
          border-radius: 5px;
          margin-right: 18px;
        }
        .detail {
          .main-info {
            height: 27px;
            .info-name {
              color: #6F9BFF;
            }
            .info-most {
              display: inline-block;
              color: #000;
              margin-left: 10px;
              .most-item {
                font-weight: bold;
                border-right: 2px solid #333333;
                padding: 0 9px;
              }
              .most-item:last-of-type {
                border: none;
              }
            }
            .info-education {
              font-size: 14px;
              color: @main-color;
              margin-left: 10px;
            }
          }
          .state {
            height: 32px;
            line-height: 32px;
            font-size: 14px;
          }
          .tag {
            font-size: 14px;
            color: #E61F1F;
          }
        }
        .collect  {
          .collect-icon {
            text-align: center;
            height: 20px;
            margin: 5px 0;
            font-size: 15px;
            color: #BBBBBB;
          }
          .download {
            display: block;
            //color: @main-color;
            margin-top: 5px;
            //border: 1px solid @main-color;
          }
          .update {
            text-align: center;
            font-size: 14px;
            margin-top: 5px;
            color: #999999;
          }
        }
      }
      .check {
        margin-top: 25px;
      }
      .batch-delete {
        font-size: 13px;
      }
    }
  }
  .footer {
    text-align: center;
  }
}
.resume-manage /deep/ .el-button {
  .el-button();
}
.resume-manage /deep/.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: @main-color;
}

.resume-manage /deep/ .el-pagination {
  font-weight: normal;
}
.resume-manage /deep/ .el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: @main-color;
}